<ion-header>
  <ion-toolbar>
      <ion-buttons slot="start" (click)="gotohome()">
          <ion-icon name="arrow-back"></ion-icon>
      </ion-buttons>
    <ion-title>content</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content forceOverscroll="true" fullscreen="true" [scrollEvents]="true" scrollY="true" (ionScrollStart)="logScrollStart()" (ionScroll)="logScrolling($event)" (ionScrollEnd)="logScrollEnd()">
  <div class="title">该组件的属性主要有color，forceOverscroll，fullscreen，scrollEvents，scrollX，scrollY</div>
  <div class="tips">提示：每个页面模板中只能有一个ion-content组件</div>
  <p><ion-button expand="block" fill="outline" (click)="scrollToBottom()">Scroll To Bottom</ion-button></p>
  <ion-list>
     <ion-item *ngFor="let item of list; index as i" >
       <ion-label>Item {{i}}</ion-label>
     </ion-item>
  </ion-list>
  <p><ion-button expand="block" fill="outline" (click)="scrollToTop()">Scroll To Top</ion-button></p>
</ion-content>
